@import "../../styles/colors";
.cm-dropdown{
    display: inline-block;
    .cm-dropdown{
        width: 100%;
    }
}
.cm-select-dropdown{
    .cm-dropdown{
        width: 100%;
    }
}
.cm-dropdown-menu{
    list-style: none;
    min-width: 100px;
}
.cm-dropdown-item{
    position: relative;
    list-style: none;
    padding: 7px 16px;
    clear: both;
    color: @color-ctx;
    font-size: 14px!important;
    white-space: nowrap;
    list-style: none;
    cursor: pointer;
    transition: background .2s ease-in-out;
    &.cm-dropdown-item-active,
    &:hover{
        background-color: #f3f3f3;
    }
    &.cm-dropdown-item-active{
        color: @color-blue;
    }
    svg {
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 15px;
    }
}
.cm-select-dropdown{
    position: absolute;
    z-index: 1000;
    padding: 5px 0;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
    background: @color-white;
    overflow: visible;
    transform-origin: top center;
    display: none;
}
.cm-select-dropdown.cm-select-dropdown-open,
.cm-dropdown-open>.cm-select-dropdown{
    display: block;
    animation: fadeInUp 0.2s;
    animation-fill-mode: both;
}
.cm-dropdown-rel{
    user-select: none;
    position: relative;
}
.cm-dropdown-item-divided {
    margin-top: 5px;
    border-top: 1px solid @color-divider;
    &:before{
        content: '';
        height: 5px;
        display: block;
        margin: 0 -16px;
        background-color: #fff;
        position: relative;
        top: -7px;
    }
}
.cm-dropdown-item-disabled{
    pointer-events: none;
    cursor: not-allowed;
    color: @color-disabled;
}

 
  @keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
    }
  }